{include file="public_head" /}
<script type="text/javascript">
    // auth
    if ($('#demo-checkbox-radio').length <= 0) {
        $('input[type="checkbox"]:not(".switch")').iCheck({
            checkboxClass: 'icheckbox_minimal-grey',
            increaseArea: '20%' // optional
        });
        $('input[type="radio"]:not(".switch")').iCheck({
            radioClass: 'iradio_minimal-grey',
            increaseArea: '20%' // optional
        });
    }
</script>
<body class="nav-md">

<div class="container body">


    <div class="main_container">

        {include file="public_sidebar,public_nav" /}

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="">
                <div class="page-title">
                    <div class="title_left">
                        <h3>
                            用户权限管理
                        </h3>
                    </div>
                </div>
                <div class="clearfix"></div>

                <div class="row">

                    <div class="col-md-12 col-sm-12 col-xs-12">
                        <div class="x_panel" style="width: 100%;">

                            <div class="x_content">
                                <form action="" method="post" id="registerForm">
                                    <dl class="permission-list">

                                        <dt>
                                            <label style="font-size:14px; font-weight:bold;color: #2A3F54">
                                                <input type="checkbox" value="0" name="checkId[]" id="user-Character-0">
                                                &nbsp;全部权限</label>
                                        </dt>
                                        <div class="ln_solid"></div>
                                        {volist name="new_pri" id="item" }
                                        <dd>
                                            <div style="overflow: auto;zoom:1;">
                                                <div style="clear: both">
                                                    <dl class="cl permission-list2" style="width: 200px;float: left;">
                                                        <dt style="float:left; width:150px; color: #F94819">
                                                            <label class="one_list" style="width:150px;margin-right: 20px;">
                                                                <input id="one_{$item.id}" type="checkbox" value="{$item.id}" name="checkId[]"
                                                                       {in name="$item.id" value="$rules" }checked{/in}
                                                                >
                                                                &nbsp;{$item.title}</label>
                                                        </dt>
                                                    </dl>
                                                </div>
                                                <div style="clear: both">
                                                    {volist name="item.son" id ="v"}

                                                        <dl class="cl permission-list2" style="">
                                                            <dt style=" color: #333">
                                                                <span class="two_list">
                                                                <label class="two" style="color:#111;width:150px;margin-right: 20px;">
                                                                    <input id="two_{$v.id}" type="checkbox" value="{$v.id}" name="checkId[]"
                                                                           {in name="$v.id" value="$rules" }checked{/in}
                                                                    >
                                                                    &nbsp;{$v.title}</label>

                                                                </span>
                                                                <span class="three_list">
                                                                {volist name="v.son" id ="vv"}
                                                                <label >
                                                                    <input class="three_input" type="checkbox" value="{$vv.id}" name="checkId[]"
                                                                           id="user-Character-{$vv.id}"
                                                                           {in name="$vv.id" value="$rules" }checked{/in}
                                                                    >
                                                                    &nbsp;{$vv.title}</label>


                                                                {/volist}
                                                                </span>
                                                            </dt>


                                                        </dl>



                                                    {/volist}
                                                </div>
                                            </div>
                                            <!--<div class="divider-dashed"></div>-->
                                        </dd>
                                        {/volist}
                                    </dl>
                                    <script>
                                        $('.permission-list2>dt>.two_list').find('label>input:eq(0)').click(function(){ //2下级选中
                                            var one_check = false;
                                            var check = $(this).prop("checked");
                                            if(check){ //他的下级全部选中
                                                $(this).parent().parent().nextAll().find('input').prop("checked", "checked");
                                                //$(this).parent().parent().parent().parent().parent().prev().find('input').prop("checked", "checked");
                                            }else{
                                                $(this).parent().parent().nextAll().find('input').removeAttr('checked');
                                                //$(this).parent().parent().parent().parent().parent().prev().find('input').removeAttr("checked")
                                            }
                                            $(this).parent().parent().parent().parent().parent().find('.two_list input').each(function () {
                                               if($(this).prop("checked")){
                                                   one_check = true;
                                               }
                                            });

                                            if(one_check){
                                                $(this).parent().parent().parent().parent().parent().prev().find('input').prop("checked", "checked");
                                            }else{
                                                $(this).parent().parent().parent().parent().parent().prev().find('input').removeAttr("checked")
                                            }
                                        });
                                        $('.one_list').find('input:eq(0)').click(function(){ //下级选中
                                            var check = $(this).prop("checked");
                                            if(check){
                                                $(this).parent().parent().parent().parent().next().find('input').prop("checked", "checked");
                                                //$(this).parent().parent().parent().parent().find('dl>dt>span>label>input').prop("checked", "checked");

                                            }else{
                                                $(this).parent().parent().parent().parent().next().find('input').removeAttr("checked");
                                            }
                                        });
//                                        $('.permission-list2>dt').find('label>input').click(function(){ //下级选中
//                                            var check = $(this).prop("checked");
//                                            if(check){
//                                                $(this).parent().prev().eq(0).find('input').prop("checked", "checked");
//                                            }else{
//                                                $(this).parent().prev().eq(0).find('input').removeAttr('checked');
//                                            }
//                                        });
//
                                        //3级选项卡
                                        $('.three_input').click(function(){
                                            var check = false;
                                            //var check = $(this).find('input').prop("checked");

                                            $(this).parent().parent('.three_list').find('input').each(function(){
                                                var check3 = $(this).prop("checked");

                                                if(check3){
                                                    check = true;
                                                }
                                            })

                                            if(check){
                                                $(this).parent().parent().prev().find('input').prop("checked", "checked");
                                                //$(this).parent().parent().parent().parent().parent().prev().find('input').prop("checked", "checked");
                                            }else{
                                                //$(this).parent().parent().prev().find('input').removeAttr("checked");
                                                //$(this).parent().parent().parent().parent().parent().prev().find('input').removeAttr("checked")
                                            }
                                            //二级权限选中
                                            var one_check = false;
                                            $(this).parent().parent().parent().parent().parent().find('.two_list input').each(function () {
                                                if($(this).prop("checked")){
                                                    one_check = true;
                                                }
                                            });
                                            if(one_check){
                                                $(this).parent().parent().parent().parent().parent().prev().find('input').prop("checked", "checked");
                                            }else{
                                                //$(this).parent().parent().parent().parent().parent().prev().find('input').removeAttr("checked")
                                            }
                                            //没有的话不清楚 1 2级权限 否则 默认列表选中不了

                                        });
                                    </script>
                                    <div class="row">
                                        <div class="col-sm-6 col-sm-offset-3" align="center">
                                            <input type="hidden" name="id" value="{$id}">
                                            <button type="submit" class="btn btn-primary">提交</button>
                                            <a type="reset" class="btn btn-success" onclick="history.go(-1)">返回</a>
                                        </div>
                                    </div>

                                </form>
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <!-- /page content -->
    </div>

</div>

{include file="public_foot" /}
<!-- validform -->
<script src="__STATIC__/js/Validform_v5.3.2_min.js"></script>
<script src="__STATIC__/js/layer.js"></script>
<script type="text/javascript">
    $(function () {

        // validform
        $.Tipmsg.r = null;

        var showmsg = function (msg) {
            //假定你的信息提示方法为showmsg， 在方法里可以接收参数msg，当然也可以接收到o及cssctl;
            alert(msg);
        }
        $("#registerForm").Validform({
            tiptype: function (msg) {
                layer.msg(msg);
            },
            tipSweep: true
        });

        // auth
        $(".permission-list dt input:checkbox").click(function () {
            $(this).closest("dl").find("dd input:checkbox").prop("checked", $(this).prop("checked"));
        });
        $(".permission-list2 dd input:checkbox").click(function () {
            var l = $(this).parent().parent().find("input:checked").length;
            var l2 = $(this).parents(".permission-list").find(".permission-list2 dd").find("input:checked").length;
            if ($(this).prop("checked")) {
                $(this).closest("dl").find("dt input:checkbox").prop("checked", true);
                $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", true);
            }
            else {
                if (l == 0) {
                    $(this).closest("dl").find("dt input:checkbox").prop("checked", false);
                }
                if (l2 == 0) {
                    $(this).parents(".permission-list").find("dt").first().find("input:checkbox").prop("checked", false);
                }
            }

        });
    });
</script>